<template>
  <div class="jump-page">
    <h1>Jump Page</h1>

    <!-- 跳转按钮 -->
    <button @click="goToAddPage" class="btn">前往添加页面</button>
  </div>
</template>

<script>
export default {
  methods: {
    goToAddPage() {
      // 方式1：通过路由名称跳转（更推荐，避免硬编码路径）
      this.$router.push({ name: 'AddPage' });

      // 方式2：直接使用路径跳转
      // this.$router.push('/add');
    }
  }
}
</script>

<style scoped>
.btn {
  padding: 10px 20px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.btn:hover {
  background-color: #45a049;
}
</style>